<!DOCTYPE html>

<#macro tree name node>
	<li class="dropdown-submenu menu">
		<a class="dropdown-toggle" data-toggle="dropdown">${node.name}</a>
		<ul class="dropdown-menu">
			<#list node.collections as collection>
				<li class="menu"><a class="list-collection" href="javascript:void(0) " data-href="${name}/${collection.filename}.html">${collection.name}</a></li>
			</#list>
			<#list node.nodes as collection>
				<@tree name collection/>
			</#list>
		</ul>
	</li>
</#macro>

<html>
<head>
	<meta charset="utf-8">
	<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link href="../bootstrap-submenu.min.css" rel="stylesheet">
	<link href="../index.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="../bootstrap-submenu.min.js"></script>
	<title>法律</title>
</head>

<body>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-head-body">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="javascript:void(0)" onclick="location.reload()">法律</a>
			</div>
			
			<div class="collapse navbar-collapse" id="nav-head-body">
				<ul class="nav navbar-nav">
					<li class="dropdown">
						<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"  data-submenu>全国性法律文件 <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<#list nationals.roots as national>
								<@tree nationals.baseDirectoryName national/>
							</#list>
						</ul>
					</li>
					<li class="dropdown">
						<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"  data-submenu>地方性法律文件 <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<#list locals.roots as local>
								<@tree locals.baseDirectoryName local/>
							</#list>
						</ul>
					</li>
					<li class="dropdown">
						<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"  data-submenu>国际法 <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<#list internationals.roots as international>
								<@tree internationals.baseDirectoryName international/>
							</#list>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<div class="container" id="container">
	</div>
	<script type="text/javascript" src="../index.js"></script>
</body>
</html>
